<template>
  <view class="user-agreement-container">
    <scroll-view scroll-y="true" class="agreement-content">
      <h1 class="main-title">用户协议</h1>

      <h2 class="section-title">第一条 服务内容</h2>
      <p>
        <b>1.1</b> 本活动 App 提供信息共享平台服务，供用户发布和获取活动信息，包括但不限于出行路线、时间、费用等。用户可以通过本平台与其他用户达成活动合意，并自行进行线下活动活动。
      </p>
      <p>
        <b>1.2</b> 本平台不参与活动过程中的具体事务，如路线选择、费用分摊等，均由用户自行协商确定。
      </p>
      <p>
        <b>1.3</b> 本平台有权根据用户需求和市场情况，调整活动服务的规则和费用标准，并提前通知用户。
      </p>

      <h2 class="section-title">第二条 用户义务</h2>
      <p>
        <b>2.1</b> 用户应如实提供个人信息，包括但不限于姓名、联系方式、身份证号码等，确保信息真实、准确、有效。如因用户提供虚假信息导致的任何纠纷或损失，由用户自行承担。
      </p>
      <p>
        <b>2.2</b> 用户应遵守法律法规，不得利用本平台发布或传播违法信息，不得从事任何危害国家安全、泄露国家秘密、颠覆国家政权、破坏国家统一等行为。
      </p>
      <p>
        <b>2.3</b> 用户应文明使用本平台，不得发布含有淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪等内容的信息。
      </p>
      <p>
        <b>2.4</b> 用户在活动过程中应遵守交通规则，注意行车安全，如因自身原因导致交通事故或其他意外事件，应自行承担相应责任。
      </p>
      <p>
        <b>2.5</b> 用户不得擅自取消订单或诱导他人线下交易，任何因线下交易产生的纠纷或损失，平台不承担责任。
      </p>

      <h2 class="section-title">第三条 平台义务</h2>
      <p>
        <b>3.1</b> 本平台应确保信息共享平台的正常运行，为用户提供安全、便捷的信息发布和获取环境。
      </p>
      <p>
        <b>3.2</b> 本平台有权对用户提供的个人信息进行审核，确保信息的真实性和准确性。
      </p>
      <p>
        <b>3.3</b> 本平台将为用户提供行程监控、保险保障、支付安全等多项权益，但因用户线下交易等违规行为产生的纠纷或损失，平台不承担责任。
      </p>

      <h2 class="section-title">第四条 免责条款</h2>
      <p>
        <b>4.1</b> 本平台仅提供信息共享服务，对于用户之间因活动活动产生的任何纠纷、损失或责任，本平台不承担任何责任。
      </p>
      <p>
        <b>4.2</b> 用户在活动过程中发生的人身伤亡、财产损失等意外事件，若非因本平台故意或重大过失造成，本平台不承担责任。
      </p>
      <p>
        <b>4.3</b> 因不可抗力因素（如自然灾害、交通事故等）导致本平台无法正常提供服务的，本平台不承担任何违约责任。
      </p>
      <p>
        <b>4.4</b> 本平台无法保证所提供的信息中没有任何错误、缺陷、恶意软件或病毒，对于因使用（或无法使用）本平台导致的任何损害，本平台不承担责任（除非此类损害是由本平台的故意或重大疏忽造成的）。
      </p>
      <p>
        <b>4.5</b> 用户与车主之间的任何私下约定或交易，平台不承担任何责任。
      </p>

      <h2 class="section-title">第五条 争议解决</h2>
      <p>
        <b>5.1</b> 用户与本平台之间因本协议产生的任何争议，应首先通过友好协商解决。
      </p>
      <p>
        <b>5.2</b> 协商不成时，任何一方均可向本平台运营方住所地有管辖权的人民法院提起诉讼。
      </p>

      <h2 class="section-title">第六条 其他</h2>
      <p>
        <b>6.1</b> 本协议的订立、生效、修订、执行均适用中华人民共和国大陆地区法律。
      </p>
      <p>
        <b>6.2</b> 本平台有权随时修改或替换本用户协议之条款，用户应经常访问本页面以了解最新的条款。
      </p>
      <p>
        <b>6.3</b> 用户在使用本平台过程中，应遵守平台规则和相关法律法规，如因用户违反规则或法律法规导致的任何后果，由用户自行承担。
      </p>
    </scroll-view>

    <button class="accept-button" @click="acceptAgreement">我已阅读并同意</button>
  </view>
</template>

<script>
export default {
  methods: {
    acceptAgreement() {
      uni.showToast({
        title: "您已同意该协议",
        icon: "success",
      });
    },
  },
};
</script>

<style>
.user-agreement-container {
  padding: 16px;
}

.agreement-content {
  height: 80vh;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 10px;
  overflow-y: scroll;
}

.main-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.section-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

p {
  font-size: 14px;
  line-height: 1.8;
}

.accept-button {
  margin-top: 20px;
  width: 100%;
  height: 40px;
  background-color: #000;
  color: #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 40px;
}
</style>
